import Document, { Head, Main, NextScript } from 'next/document'

export default class extends Document {
    render () {
        return (
            <html>
                <Head>
                    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
                    <meta name="theme-color" content="#000000"/>
                    <title>禹州智慧旅游</title>
                    {/* <script src='/static/hd.min.js' /> */}
                    <link rel='stylesheet' type='text/css' href='//unpkg.com/antd-mobile/dist/antd-mobile.min.css' />
                    <script src='/static/fastclick.min.1.6.0.js' />
                    <style jsx global>{`
                    body {
                        margin: 0;
                        padding: 0;
                        font-family: sans-serif; }

                    /**全局**/
                    .navBar {
                        position: fixed;
                        top: 0;
                        left: 0;
                        right: 0;
                        z-index: 100;
                        background-color: #c5443e !important; }

                    .whiteTopNavBar .navBar {
                        background-color: white !important; }

                    .appContent {
                        position: relative;
                        overflow: auto;
                        margin-top: 45px;
                        background-color: white;
                        -webkit-overflow-scrolling: touch; }

                    .isFromNativeApp .appContent {
                        margin-top: 0 !important; }

                    .loadingMore {
                        padding: 20px 0 40px 0; }

                    .appContent::-webkit-scrollbar {
                        display: none; }

                    .navBar .am-segment-item {
                        padding: 0 8px !important; }

                    .navBar .am-segment-item-selected {
                        color: #333333 !important; }

                    .emptyView {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center; }

                    .emptyViewImage {
                        width: 201px;
                        height: 165px; }

                    .arrowRight {
                        width: 12px;
                        height: 12px; }

                    input:-webkit-autofill {
                        box-shadow: 0 0 0px 1000px white inset !important; }

                    ::-webkit-input-placeholder {
                        /* WebKit, Blink, Edge */
                        color: #dadada;
                        font-weight: 300; }

                    iframe {
                        position: absolute; }

                    .inlineCalendar .am-calendar .content {
                        margin-top: 45px; }

                    .appCrash {
                        width: 100%;
                        height: 100%; }

                    .appCrash img {
                        width: 100%; }

                    .appCrashButtons {
                        width: 100%;
                        flex-direction: row;
                        display: flex; }

                    .appCrashButton {
                        flex: 1;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 38px;
                        background-color: orange;
                        border-radius: 3px;
                        margin: 10px;
                        color: white;
                        font-weight: 300;
                        font-size: 16px; }
                    .scenicListBox .am-list-footer{
                        padding: 0px;
                        align-content: center;
                        justify-content: center;
                        display: flex;
                    }
                    `}</style>
                </Head>
                <body style={{margin: 0}}>
                    <Main />
                    <NextScript />
                </body>
            </html>
        )
    }
}
